@charset "utf-8";
*{
	margin:0;
	padding:0;
	font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
}
body{
	width: 100%;
}
a{
	text-decoration:none;
}
li{
	list-style: none;
}
@font-face{
  font-family:"zworld";
  src:url(http://common1.qyerstatic.com/zworld/web/common/font/zworld.eot?a2l7hm);
  src:url(http://common1.qyerstatic.com/zworld/web/common/font/zworld.eot?a2l7hm#iefix) format('embedded-opentype');
  src:url(http://common1.qyerstatic.com/zworld/web/common/font/zworld.ttf?a2l7hm) format('truetype'),
  url(http://common1.qyerstatic.com/zworld/web/common/font/zworld.woff?a2l7hm) format('woff'),
  url(http://common1.qyerstatic.com/zworld/web/common/font/zworld.svg?a2l7hm#zworld) format('svg');
}
#footerTop{
	width: 100%;
	height: 200px;
	background: #f6f4f7;
	padding-top: 20px;
}
#footerBottom{
	height: 191px;
	background: #343235;
	padding:50px 0;
}
#footerTop #topUlFirst{
	width: 1160px;
	height: 52px;
	margin:0 auto;
}
#footerTop #topUlFirst li{
	float: left;
	background: url(../images/linebg.jpg) no-repeat right;
}
#footerTop #topUlFirst li:last-of-type{
	background: none;
}
#footerTop #topUlFirst li a{
	font-size: 17px;
	color: #62544b;
}
#footerTop #topUlFirst a{
	margin-left: 32px;
	margin-right: 38px;
}
#footerTop #topUlFirst li a:hover{
	color: #31b697;
	text-decoration: underline;
}
#footerTop #topUlSecond{
	width: 1160px;
	margin:50px auto;
}
#footerTop #topUlSecond li{
	float: left;
	width: 320px;
	margin-left:50px;
}
#footerTop #topUlSecond li:first-of-type{
	margin-left: 0;
}
#footerTop #topUlSecond .imgP{
	width: 56px;
	height: 56px;
	float: left;
	margin-right:15px;
}
#footerTop #topUlSecond h3{
	font-size: 16px;
}
#footerTop #topUlSecond .contentP{
	font-size: 12px;
	color: #afaeb3;
}	
.imgP1{
	background: url(../images/foot-feature.png);
}
.imgP2{
	background: url(../images/foot-feature.png) left -56px;
}
.imgP3{
	background: url(../images/foot-feature.png) left -112px;
}

#footerBottom a:hover{
	text-decoration: underline;
}
#fbDiv{
	width: 1160px;
	margin:0 auto;
}
#fbDiv img{
	float: left;
}
#fbDiv .fbP1{
	float: left;
	margin-left: 20px;
	margin-top: 8px;
	color: #b9b6af;
	font-size: 12px;
	width:535px;
}
#attention{
	width: 320px;
	font-size: 17px;
	float: left;
	margin-left:100px;
	color: white;
	margin-top: 20px;
}
#attention #attBox{
	float: right;
	margin-right:20px;
	margin-top: -10px;
	position: relative;
}
#attBox>p{
	width: 30px;
	height: 30px;
	border:1px solid white;
	border-radius: 100%;
	float: left;
	padding: 8px;
	margin-right: 7px;
}
#attBox>p>span{
	display: block;
	width: 32px;
	height: 32px;
}
#att1:before{
	font-family: zworld;
	content:"\e607";
	font-size: 32px;
}
#att2:before{
	font-family: zworld;
	content:"\e612";
	font-size: 32px;
}
#att3:before{
	font-family: zworld;
	content:"\e613";
	font-size: 32px;
}
#att4:before{
	font-family: zworld;
	content:"\e609";
	font-size: 32px;
}

#btUl{
	clear: both;
	width: 1160px;
	margin:20px auto;
}
#btUl li{	
	float: left;
	margin-top: 50px;
	margin-bottom:10px;
}
#btUl li a{
	margin-right: 19px;
	margin-left:23px;
	color: #c2c1c6;
}
#btUl li:first-of-type a{
	margin-left:0;
}
.fbP2,.fbP3,.fbP4{
	clear: both;
	width: 1160px;
	margin:0 auto;
	margin-top: 10px;
	color: #afaaae;
	font-size: 12px;
}
.fbP4 a{
	font-size: 12px;
	color: #afaaae;
	margin-right: 14px;
}
#show{
	width: 226px;
	position: absolute;
	top: -130px;
	left: 0;
	display: none;
}
.showBox1{
	height: 90px;
	width: 206px;
	padding: 10px;
	background: white;
}
.showBox2{
	height: 25px;
	width: 206px;
	padding: 20px;
	background: white;
	margin-top: 45px;
}
#tgBox{
	height: 20px;
	width: 206px;
	position: relative;
}
#triangle{
	display: block;
	border:8px solid transparent;
	border-top:8px solid white;
	position: absolute;
	bottom: 4px;
	left: 15px;
}
.showP1{
	font-size: 14px;
	float: left;
	width: 100px;
	color: black;
	text-indent: 20px;
	margin-top: 5px;
	margin-bottom: 6px;
}
.showP2{
	font-size: 16px;
	width: 100px;
	float: left;
	color: black;
	text-indent: 15px;
	margin-bottom:10px;
}
.showP3{
	font-size: 16px;
	color: #16b185;
	width: 100px;
	float: left;
	text-indent: 30px;
}
.showDiv{
	width: 80px;
	height: 35px;
	line-height: 35px;
	background: #FF7467;
	text-align: center;
	float: left;
	cursor: pointer;
}
.showA{
	float: left;
	color: blue;
	font-size: 14px;
	margin-left:10px;
	margin-top: 10px;
	cursor: pointer;
}
.showInp1{
	width: 130px;
	height: 30px;
	border: 1px solid #ccc;
}
.showInp2{
	width: 60px;
	height: 32px;
	border: none;
	border-bottom:1px solid #ccc;
	vertical-align: middle;
	background: #11AE81;
	color:white;
	cursor: pointer;
}
#attBox p:first-of-type:hover span:before{
	color: orange;
}
#attBox p:nth-of-type(2):hover span:before{
	color: #7CD68B;
}
#attBox p:nth-of-type(3):hover span:before{
	color: #F87467;
}
#attBox p:nth-of-type(4):hover span:before{
	color: #70D3E2;
}